*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
}
:root{
    --blank-nav-bg:#000;
    --blank-nav-color:#cccccc95;
    --text-color:#000;
    --text-color-grey:#747373;
    --text-color-hover:#fff;
    --body-bg:#e3e3e3;
    --content-bg:#ffffff;
}
body{
    background: #e2e4e7;
}
header{
    width: 100%;
    height: 45px;
}
header p{
    width: 1200px;
    height: 45px;
    margin: 0 auto;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
header p img{
    width: 150px;
}

main{
    width: 100%;
    height: 85vh;
    background: var(--content-bg);
}
.main-box{
    width: 1200px;
    height: 500px;
    margin: 0 auto;
    /* border: 1px solid; */
}
.main-box h2{
    width: 1200px;
    height: 220px;
    text-align: center;
    line-height: 200px;
    font-size: 30px;
    font-weight: 200;
}
.fullpage{
    display: flex;
    justify-content: center;
}
.fullpage-left{
    width: 450px;
    height: 300px;
    text-align: center;
    border-right: 1px solid #f1f3f5;
}
.fullpage-left p{
    color: var(--text-color-grey);
    margin-top: 20px;
    font-size: 12px;
}
.fullpage-left .erimg{
    width:170px;
    height: 170px;
    margin: 0 auto;
    border-radius:10px;
    background: var(--blank-nav-color);
}
.fullpage-left .erimg img{
    margin-top: 19px;
}
.fullpage-right{
    width: 450px;
    text-align: center;
    margin-top: -50px;
}
.fullpage-right input{
    width: 350px;
    height: 50px;
    margin-top: 20px;
    border: none;
    border-radius: 10px;
    background:#f1f3f5;
}
.fullpage-right input::placeholder{
    padding-left: 20px;
}
.fullpage-right input::placeholder:active{
    border: 1px solid #2391b0;
}
.captcha{
    float: left;
    margin-left: 48px;
    margin-top: 10px;
}
.captcha a:hover{
    color: #002d9e;
}
#loginbtn{
    background: #f9d0d0;
    color: #f1f3f5;
}
#loginbtn.enabled {
    background-color: #f15656; /* 有内容时变为红色 */
    cursor: pointer;
}
.logonRow{
    margin-top: 20px;
}
.logonRow span{
    margin: 0 30px;
    color: #182fdb;
}
.logonRow span:hover{
    color: #002d9e;
}
.fullpage-right-img{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.fullpage-right-img span{
    width: 45px;
    height: 45px;
    margin: 0 30px;
    text-align: center;
    border-radius: 50%;
    background: #f1f3f5;
}
.fullpage-right-img span:nth-child(1):hover{
    background: #919090;
}
.fullpage-right-img span:nth-child(2):hover{
    background: #3ca3e7;

}
.fullpage-right-img span:nth-child(3):hover{
    background: #10cd58;

}
.fullpage-right-img span img{
    height: 30px;
    margin-top: 8px;
}
footer{
    width: 100%;
    height: 100px;
}
.footer-box{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    color: var(--text-color-grey);
    text-align: center;
}
.footer-box p{
    margin-top: 20px;
}
.footer-box p:nth-child(1) span{
    margin: 0 5px;
}
.footer-box p:nth-child(1) span:hover{
    color: #000;
}
